<ngb-timepicker
	[(ngModel)]="time"
	[seconds]="true"
	[hourStep]="hourStep"
	[minuteStep]="minuteStep"
	[secondStep]="secondStep"
/>

<div class="row">
	<div class="col-sm-3">
		<label for="changeHourStep">Hour Step</label>
		<input id="changeHourStep" type="number" class="form-control form-control-sm" [(ngModel)]="hourStep" />
	</div>
	<div class="col-sm-3">
		<label for="changeMinuteStep">Minute Step</label>
		<input id="changeMinuteStep" type="number" class="form-control form-control-sm" [(ngModel)]="minuteStep" />
	</div>
	<div class="col-sm-3">
		<label for="changeSecondStep">Second Step</label>
		<input id="changeSecondStep" type="number" class="form-control form-control-sm" [(ngModel)]="secondStep" />
	</div>
</div>

<hr />
<pre>Selected time: {{ time | json }}</pre>
